<!DOCTYPE html>
<html>
<head>
<title>myproject</title>
<link rel="stylesheet" href="{{STATIC_URL}}css/bootstrap-theme.css" type="text/css" />
<link rel="stylesheet" href="{{STATIC_URL}}css/bootstrap.css" type="text/css" />
<style>
.left {
   position:fixed;
   top:300px;
   left:200px;
   width:300px;
   height:100px;
   background:green;
   text-align:center;
}
body {
  background:grey;
}
.right {
   position:absolute;
   top:300px;
   left:800px;
   width:300px;
   height:100px;
   background:green;
   text-align:center;
}
.bottom {
  position:absolute;
   top:500px;
   left:500px;
   width:300px;
   height:100px;
   background:green;
   text-align:center;
}
</style>
<body>
<div class="left">
    <a href="/angular1"><h1 style="color:red;">Angular1</h1>
    </a>
</div>
<div>
<div class="right">
    <a href="/angular4"><h1 style="color:red;">Angular4</h1>
    </a>
</div>
<div>

<div class="bottom">
   <a href="/"><h1 style="color:red">返回主界面</h1></a>
</div>

</div>
</body>
</head>
</html>